// BUTTON
::v-deep .el-button--primary {
  background-color: $themeColor;
  border-color: $themeColor;
}

::v-deep .el-button--primary:focus,
.el-button--primary:hover {
  background: $themeColor;
  border-color: $themeColor;
}

// INPUT
::v-deep .el-input.is-active .el-input__inner {
  outline: 0;
  border-color: $themeColor;
}

::v-deep .el-input__inner:focus {
  outline: 0;
  border-color: $themeColor;
}

::v-deep .el-input.is-focus {
  border-color: $themeColor;
}

//SELECT
::v-deep .el-select .el-input__inner:focus {
  border-color: $themeColor !important;
}

::v-deep .el-select .el-input.is-focus .el-input__inner {
  border-color: $themeColor !important;
}

//NUMBER
::v-deep .el-input-number__decrease:hover,
.el-input-number__increase:hover {
  color: $themeColor;
}

::v-deep .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled),
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
  border-color: $themeColor;
}

::v-deep .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
  border-color: $themeColor;
}

//Cascader
::v-deep .el-cascader .el-input.is-focus .el-input__inner {
  border-color: $themeColor !important;
}

::v-deep .el-cascader .el-input .el-input__inner:focus {
  border-color: $themeColor;
}

//SWITCH
.el-switch__label.is-active {
  color: $themeColor !important;
}

.el-switch__core {
  border: 1px solid #dcdfe6 !important;
  background: #dcdfe6 !important;
}

.el-switch.is-checked .el-switch__core {
  border-color: $themeColor !important;
  background-color: $themeColor !important;
}

//slider
.el-slider__bar {
  background-color: $themeColor;
}

.el-slider__button {
  border: solid 2px $themeColor;
}

// RADIO
::v-deep .el-radio-group .checked {
  border-color: $themeColor;
}

::v-deep .el-radio__input.is-checked + .el-radio__label {
  color: $themeColor;
}

::v-deep .el-radio__input.is-checked + .el-radio__label {
  color: $themeColor;
}

::v-deep .el-radio__input.is-checked .el-radio__inner {
  border-color: $themeColor;
  background: $themeColor;
}

//选中radio时
::v-deep .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  -webkit-box-shadow: 0 0 -2px 2px $themeColor;
  box-shadow: 0 0 -2px 2px $themeColor;
}

::v-deep .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: $themeColor;
  border-color: $themeColor;
  box-shadow: -1px 0 0 0 $themeColor;
}

::v-deep .el-radio-button__inner:not(.is-checked):hover {
  color: $themeColor;
}

::v-deep .el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #fff;
  background-color: $themeColor;
  border-color: $themeColor;
  box-shadow: -1px 0 0 0 $themeColor;
}

::v-deep .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: #fff;
  background-color: $themeColor;
  border-color: $themeColor;
  box-shadow: -1px 0 0 0 $themeColor;
}

// CHECKBOX边框
::v-deep .el-checkbox-group .checked {
  border-color: $themeColor;
}

//多选选项文字
::v-deep .el-checkbox__input.is-checked + .el-checkbox__label {
  color: $themeColor;
}

//多选按钮选中框
::v-deep .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: $themeColor;
  border-color: $themeColor;
}

::v-deep .el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #fff;
  background-color: $themeColor;
  border-color: $themeColor;
  box-shadow: -1px 0 0 0 $themeColor;
}

::v-deep .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: $themeColor;
}

::v-deep .el-checkbox-button__inner:hover {
  color: $themeColor;
}

//投票票数文字颜色
::v-deep .vote-box {
  border-color: $themeColor;
  color: $themeColor;
}

//进度条
::v-deep .vote-box .el-progress-bar__inner {
  background-color: $themeColor;
}

//进度条百分比颜色
::v-deep .vote-box .el-progress__text {
  color: $themeColor !important;
}
